<html>
<head>
<meta charset="utf-8">
<title>test</title>
</head>
<body>


    
<!-- <div>

    <img src="./image/FENG.png" width="60" height="60">

</div> -->




<img src="./image/FENG.png" width="60" height="60">
<img src="./image/FENG.png" width="60" height="60">
<img src="./image/FENG.png" width="60" height="60">
<img src="./image/FENG.png" width="60" height="60">
<img src="./image/FENG.png" width="60" height="60">
<img src="./image/FENG.png" width="60" height="60">
<img src="./image/FENG.png" width="60" height="60">
<img src="./image/FENG.png" width="60" height="60">
<img src="./image/FENG.png" width="60" height="60">
<img src="./image/FENG.png" width="60" height="60">
<img src="./image/FENG.png" width="60" height="60">
<img src="./image/FENG.png" width="60" height="60">

<script>
i=0; 
DI=document.images; 
DIL=DI.length; 
var width = document.body.scrollWidth;
// console.log(width);
var height = document.body.scrollHeight;
// console.log(height);

function A(){

    for(var index=0;index<DIL;index++){
        // debugger
        DIS=DI[index].style; 
        console.log(DIS);
        DIS.position='absolute';
        // 速度 
        var speed = 0.005;
        var interV = 2*Math.PI/speed/DIL;
        console.log(interV);
        DIS.left = Math.sin(i*speed+index*interV*speed)*(width/3)+width/2;   
        console.log(DIS.left)   
        // the speed is change's range
        DIS.top = Math.cos(i*speed+index*interV*speed)*(height/3)+height/2;
        // console.log(DIS);
    }

    i++;
}

setInterval('A()',10);  //set moving speed for eyes

</script>
</body>
</html>